@import "../../../../styles/default";
.view-point-item-wrapper{
  flex: 0 0 100%;
  padding: size(8) pxToRem(12);
  height: 100%;
  .view-point-item{
    border: solid 1px rgba(200, 200, 200, 0.3);
    box-shadow: 0 0 size(4) $text-primary;
    height: 100%;
    overflow-y: hidden;
    .view-point-header {
      position: relative;
      padding: size(8) pxToRem(14) ;
      &::after {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        content: ' ';
        height: 1px;
        transform: scaleY(0.1);
        background: $text-lip-color;
        display: inline-block;
      }
      .view-point-title{
        font-weight: 800;
        font-size: pxToRem(16);
        color: white;
      }
      .view-point-time{
        text-align: right;
        font-size: pxToRem(12);
      }
    }
    .view-point-info{
      padding: size(8) pxToRem(14);
      font-size: size(16);
    }
  }
}

